{extend name="public/base" /}
{block name="css"}
<style>

  .container-fluid {

  }

  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .banner {
    width: 100%;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid main-container">
  <!-- banner -->
  <div class="row" style="position: relative;">
    <img alt="" class="banner" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/pc/banner.jpg">
  </div>
  <!-- banner end -->

  <div class="row" style="position: relative;">
    <img style="width: 100vw" alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/pc/bj3.png">
  </div>

  <!--第1栏-->
  <div class="row" style="display: flex; flex-direction: column; background: #4F170D;padding-bottom: 20px;margin: -5px auto;position: relative;z-index: 1">
    <img style="margin: -10px auto;position: relative;z-index: 2" alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/pc/Title.png">
    <div class="row" style="width: 1200px;max-width: 1200px;display: flex; flex-direction: column; align-items: center;margin: 0 auto;padding-bottom: 40px">
      <div style="letter-spacing: 8px;color: #A94234;margin: 30px auto 0px;font-size: 17px">每日仅限前20名</div>
      <img alt="" class="img-responsive" style="margin-top: 40px" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/pc/part01.png">

      <a href="https://t.dianping.com/deal/657845093"><img alt="" class="img-responsive" style="margin-top: 40px" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/pc/icon.png"></a>
    </div>
  </div>
  <!--第1栏END-->

  <!--第2栏-->
  <div class="row" style="display: flex; flex-direction: column;background: #6B2318;padding-bottom: 0;margin: -5px auto;position: relative;z-index: 3">
    <img style="margin: -20px auto;position: relative;z-index: 2" alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/pc/Title1.png">
    <div class="row" style="width: 1200px;max-width: 1200px;display: flex; flex-direction: column; align-items: center;margin: 30px auto;padding-bottom: 40px">

      <img alt="" class="img-responsive" style="margin-top: 40px" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/pc/part02.png">
    </div>
  </div>
  <!--第2栏END-->
</section>
{/block}
{block name="js"}
<script>

</script>
{/block}